proj-inclusive 野良Social Hack Day 2022-10-08
Scrapboxにログインする
このプロジェクトに参加する
ビジョン
タイムテーブル
13:00-13:30
簡単な自己紹介
13:30-14:30
今日なにやる？
14:30-17:00
なにかやる
17:00
解散！
簡単な自己紹介
yuiseki.icon
Koichiro Shiratori.icon
研究者、新米シビックハッカー
Hiranoさん（後半参加）
話題
共通点
プログラミングできるだけではだめ
社会に食い込む力があるだけでもだめ
https://gyazo.com/3cb06615651634b16a87082105e787e9
シビックハッカー育成（自分含む）に取り組み始めるのも重要Koichiro Shiratori.icon
ホワイトハッカー育成コースはある
さっそく勝手に初めてみる
✅Slackにproj-シビックハッカー育成塾というチャンネルをつくる
✅04_join_projectで宣伝する
code:txt
【第1回シビックハッカー育成塾】
社会 × データ分析 × プログラミングの3分野を学んで、よきシビックハッカーになりましょう！
ショートノーティスですみませんが、第1回は今夜18:00からです。
18:00-20:00頃：勉強会＝社会、データ、プログラミングの3分野のレベルアップ
1) 『貧困理論入門』輪読
2) 『データ分析のための統計学入門』輪読
3) 『コーディングを支える技術』輪読
■Scrapbox
■Zoom
トピック: 第1回シビックハッカー育成塾
時間: 2022年10月8日 01:00 PM 大阪、札幌、東京
ミーティングID: 843 7549 2199
パスコード: 851284
code:txt
エンジニアも非エンジニアも、シビックハッカーを目指してシビックテックを一緒に学ぶ場です。
今夜18:00から早速第1回を開催しますので、興味のある方は是非チャンネルをご覧ください！
今日なにやる？
X → Yの因果関係の正しい理解が解決に先立つ
間違った因果モデルに基づいて解決策を探るのが一番悲劇 Why -> What
How to fix why?
ToDo
AIでかんたんに文章要約する
やさしい日本語に言い換える
AIで画像を生成する
制度の視覚的な理解を助ける
例）外国人向けの支援制度検索
ブレスト
タスクがスキルの少し上くらいのものだと達成感と成長がある 挑戦がないとワクワクしない
タスクガチャは可能か？Koichiro Shiratori.icon おお、面白い！！yuiseki.icon
「SSRタスク」Koichiro Shiratori.icon
参考文献Koichiro Shiratori.icon
15:45まで休憩
VSCodeでWSLに接続
表示→ターミナル
code:bash
node --version
npm --version
code:bash
一回ターミナルを閉じる
code:bash
nvm
code:bash
nvm install --lts
code:bash
npm create vite@latest task-gacha
→ react
→ react-ts
VSCodeでtask-gachaフォルダを開く
code:bash
cd task-gacha
npm install
npm run dev
とりあえず正常にプロジェクトが作成され、動作することを確認
code:bash
npm run dev
Javascriptを選択
TypescriptとJavascriptは互換性がある
code:txt
ボタンを押すと0から3の値をランダムに表示するReact.FC
before
code:ts
<button>
count is ...
</button>
after
code:ts
<Button />
邪魔なコードを消す
ガチャっぽいものを作る
code:ts
const rarity = [
"ノーマル",
"レア",
"スーパーレア",
"スーパースペシャルレア",
];
before
code:typescript
{value}
after
code:ts
タスクを表示する
code:ts
const tasks = [
{rarity: "ノーマル", task: "バグを発見する"},
{rarity: "ノーマル", task: "新機能を提案する"},
{rarity: "レア", task: "バグを修正する"},
{rarity: "スーパーレア", task: "タスクを追加できるようにする"},
{rarity: "スーパーレア", task: "デザインを磨き上げる"},
{rarity: "スーパースペシャルレア", task: "タスクガチャを完成させる"},
];
Live ShareでShareを開始する
code:txt
gitリポジトリを初期化する
code:bash
git init
git add .
git commit -m "init"
GitHubにリポジトリを作る
https://gyazo.com/ae44819609f6917e99ae76bc9f152c03
task-gacha
GitHubにpushする
GitHubの指示に従う
次どうする？
Google SpreadsheetをDBに使う？
GitHub Issueを使う？
難易度を適切に調整する
スキルや熟練度を入力できるようにする
スキルや熟練度を入力できるようにする
Javascriptを選択
code:txt
プルダウンで0から5までを選択できるReact.FC
React Contextの導入が必要
…